<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="renderer" content="webkit" />
<meta name="screen-orientation" content="portrait" />
<meta name="x5-orientation" content="portrait" />
<title>联系我们</title>
<link rel="stylesheet" type="text/css" th:href="@{/front/css/style.css}"/>
	<script type="text/javascript">
		function submitForm() {
		    var account = $("#accountId").val();
		    if(account=="") {
		        alert("账号不能为空");
		        return false;
			}
		    else {
		        alert("预约成功");
		        this.document.forms[0].submit();
		        return true;
			}
		}
	</script>
</head>
<body>
<div class="top clearfix">
	<a href="/" target="_blank" class="logo fl" style="margin-left: 90px;"><img th:src="@{front/img/logo.png}"/></a>
	<ul style="margin-left: 150px;" class="navbar clearfix fl">
		<li><a th:href="@{/about}">关于我们</a></li>
		<li><a th:href="@{/service}">业务范围</a></li>
		<li><a th:href="@{/case?pageSize=9}" >案例展示</a></li>
		<li><a th:href="@{/partner}" >主要合作方</a></li>
		<!--		<li><a th:href="@{/news}">新闻中心</a></li>-->
		<li><a th:href="@{/job}" >人才发展</a></li>
		<li><a th:href="@{/contact}" class="navbarbottom"> 联系我们</a></li>
		<div class="scroll-nav"></div>
	</ul>
	<p class="p1 fr"><img th:src="@{front/img/tel.png}"/><span>咨询热线:</span> <b>88514055</b></p>

</div>
<div class="sousuo ">
	<div class="clearfix">
		<input type="text" value="" class="input1"  placeholder="请输入您要搜要的内容"   onfocus="this.placeholder='' " onblur="this.placeholder='请输入您要搜要的内容'"/>
		<input type="submit" name="" id="" value="搜索" class="sub" />
	</div>			
</div>

<div class="neibanner">
	<img th:src="@{front/img/banner.jpg}"/>
</div>
<div class="breadcrumb">
	<div class="w1240 clearfix">
		<div class="div2 fl">
			<a th:href="@{about}"><span><img th:src="@{front/img/home.png}">首页</span></a><i>&gt;</i>
			<a th:href="@{contact}"><span>联系我们</span></a>
		</div>
	</div>	
</div>
<div class="contact">	
	<div class="nei-right w1240">	
		<div class="online-map link-cont">
			<h2>在线地图</h2>
			<ul class="clearfix">
				<li>
					<img th:src="@{front/img/l3.png}" alt="" />
					<h3>地址</h3>
					<p>北京市海淀区中关村南大街35号紫竹院公园西院 </p>
					<h6>address</h6>
				</li>
				<li>
					<img th:src="@{front/img/l1.png}" alt="" />
					<h3>客服服务热线</h3>
					<p>88514055</p>
					<h6>hotline</h6>
					
				</li>
				<li>
					<img th:src="@{front/img/l2.png}" alt="" />
					<h3>公司邮箱</h3>
					<p>bjjwhbfgs@163.com</p>
					<h6>mail</h6>
				</li>
			</ul>
			<div class="map">
				<img th:src="@{front/img/map.jpg}" alt="" />
			</div>
		</div>
<!--		<div class="contact-nei">-->
<!--			<h1>在线预约</h1>				-->
<!--			<form onsubmit="return submitForm()" th:action="@{/online/add}" id="formId" method="post">-->
<!--				<div class="biao">-->
<!--					<input name="name" id="name1" type="text" pattern=".*\S+.*" title="不能为空或纯空格" required class="input1" placeholder="请输入您的姓名" />-->
<!--					<input name="phone" type="text" class="input1" maxlength="11" pattern="^1[3-9]\d{9}$" title="请输入正确手机号码" required placeholder="手机号码-11位" />-->
<!--					<input name="addr" type="text" class="input1"  title="不能为空" required placeholder="地址" />-->
<!--					<select name="">-->
<!--						<option value="">服务项目</option>-->
<!--						<option th:each="p:${serviceList}" th:value="${p.id}"><i th:text="${p.title}">建筑装修装饰</i></option>-->
<!--					</select>-->
<!--					<textarea name="" rows="" cols="" class="input1 area" placeholder="内容"></textarea>-->
<!--					<div class="btn-sub clearfix">-->
<!--&lt;!&ndash;						<input onclick="return submitForm()" class="tijiao" value="立即提交" />&ndash;&gt;-->
<!--						<input type="submit" class="tijiao" value="立即提交" />-->
<!--						<input type="reset"  class="res" value="重置信息"/>-->
<!--					</div>-->
<!--				</div>-->
<!--			</form>-->
<!--		</div>	-->
	</div>	
</div>		
<div class="footer">
	<div class="w1240">
		<div class="div1 clearfix">
			<a href="" class="logo fl"><img style="width: 250px;height: 50px" th:src="@{front/img/logobai.png}"/></a>
			<ul style="float: left;margin-left: 100px;" class="clearfix fr">
				<li><a th:href="@{/about}">关于我们</a></li>
				<li><a th:href="@{/service}">业务范围</a></li>
				<li><a th:href="@{/case?pageSize=9}">案例展示</a></li>
				<li><a th:href="@{/partner}">主要合作方</a></li>
				<!--		<li><a th:href="@{/news}">新闻中心</a></li>-->
				<li><a th:href="@{/job}">人才发展</a></li>
				<li><a th:href="@{/contact}">联系我们</a></li>
			</ul>
		</div>
		<div class="div2 clearfix">
			<div class="left fl">
				<p class="p1">
					公司地址：<span th:text="${wConfig.addr}"/><br />
					Copyright©2025<span th:text="${wConfig.name}"/> 版权所有<br />
					备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index"><span style="color: #888888" th:text="${wConfig.filings}"/></a>        技术支持：<span th:text="${wConfig.support}"/>
				</p>
				<a href=""><img th:src="@{/front/img/qqq.png}"/></a>
				<a href="javascript:void(0)"><img th:src="@{/front/img/weixin.png}"/></a>
				<a href=""><img th:src="@{/front/img/weibo.png}"/></a>
			</div>
			<div class="right fr">
				<p class="p3">免费咨询方式</p>
				<p class="p4" th:text="${wConfig.phone}">88514055</p>
			</div>
		</div>
<!--		<div class="div3">-->
<!--			<span>友情链接：   </span>-->
<!--			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>-->
<!--			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>-->
<!--			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>-->
<!--		</div>-->
	</div>
</div>		




<script src="http://www.5imoban.net/download/jquery/jquery-3.3.1.min.js"></script>
<script src="http://www.5imoban.net/download/SuperSlide/SuperSlide.2.1.3.js"></script>
<script th:src="@{/front/js/plugin.js}"></script>
<script th:src="@{/front/js/banner.js}"></script>
<script th:src="@{/front/js/index.js}"></script>
<script th:src="@{/front/js/more.js}"></script>
</body>
</html>
